<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>妹子</title>
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>


<div class="container">
  <div id="carouselExampleIndicators" class="carousel slide my-banner" data-ride="carousel">
    <ol class="carousel-indicators">
<!--      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>-->
    </ol>
    <div class="carousel-inner">
      <!--<div class="carousel-item active">
        <img src="" class="d-block w-100" alt="...">
      </div>-->
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <ul class="nav">
    <li class="nav-item">
      <a class="nav-link active" href="javascript:void(0)" data-category="Girl" data-type="Girl">最新</a>
    </li>
<!--

        category/Article/type/frontend/page/1/count/10
-->
    <li class="nav-item">
      <a class="nav-link" href="javascript:void(0)" data-category="Article"  data-type="iOS">妹纸</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="javascript:void(0)" data-category="Article" data-type="Android">Android</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="javascript:void(0)" data-category="Article" data-type="frontend">前端</a>
    </li>
  </ul>
  <div class="row my-list">

  </div>
</div>


<script src="./js/index.js"></script>

</body>
</html>